// 页面内部缩进，整个页面统一缩进为20rpx
.page-padding {
  padding: 10px;
}

.system-nav-height {
  /* #ifndef APP-PLUS-NVUE */
  height: var(--status-bar-height);
  /* #endif */
}

.app-layout,
.layout-container,
.page-container,
.app-scroller {
  height: 100%;
}

.page-title {
  margin-bottom: 10px;
  font-size: 14px;
}

.page-prompt {
  margin-bottom: 10px;
  padding: 0 10px;
  font-size: 14px;
}

.table-head.back {
  background-color: #d7d7d7;
}

.prompt-text {
  font-size: 12px;
  color: #555555;
}

.prompt-area {
  margin-bottom: 10px;
}

.panel-area {
  position: relative;

  .panel-list {
    transition: all 0.1s;
    position: absolute;
    display: flex;
    flex-direction: row;

    .panel-item {
      margin: 10px 0 0;
      padding: 0 10px;
      width: 750rpx;
    }
  }
}

.table-head {
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
}

.table-head-total {
  color: #999999;
  padding: 5px 0;
  border-bottom: 1px solid #cccccc;
}

.table-data {
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;

  &.stripe {
    background-color: #f5f5f5;
  }
}

.head-item {
  font-size: 12px;
  font-weight: 600;

  &.step {
    color: #007b89;
  }
}

.data-item {
  font-size: 12px;
}

.hight-light-orange {
  font-weight: 600;
  color: #ff8400;
}

.hight-light-red {
  font-weight: 600;
  color: #ff0000;
}
